<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制台实时日志</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <script src="../../layui/layui.js" charset="utf-8"></script>
    <script src="../../js/jquery-3.4.1.min.js" charset="utf-8"></script>
    <script src="log.js"></script>
</head>
<body>
<input type="hidden" id="id" value="">
<br/>
<div style="height: 50px">
    <div class="layui-form-item" style="position: absolute;margin-top: 10px;height: 30px;width: 1000px">
        <div class="layui-inline" style="margin-left: 100px;position: absolute">
            <span style="color: #a01924">部署ip:&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="ip" style="color: #108da0"></span>
        </div>
        <div class="layui-inline" style="margin-left: 350px;position: absolute">
            <span style="color: #a01924">项目名称:&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="projectName" style="color: #108da0"></span>
        </div>
        <div class="layui-inline" style="margin-left: 700px;position: absolute">
            <span style="color: #a01924">总大小:&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="fileSize" style="color: #108da0"></span>
        </div>
    </div>
    <div class="layui-form-item" style="position: absolute;margin-top: 40px;height: 30px;width: 1000px">
        <div class="layui-inline" style="margin-left: 100px;position: absolute">
            <span style="color: #a01924">上传速度:&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="speed"></span>
        </div>
        <div class="layui-inline" style="margin-left: 350px;position: absolute">
            <div style="display:inline">
                <span style="color: #a01924">上传进度:&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <div class="layui-progress layui-progress-big" lay-showpercent="true" style="float:right;width: 200px" lay-filter="speedOfProgress">
                    <div class="layui-progress-bar" id="speedOfProgress" lay-percent=""></div>
                </div>
            </div>
        </div>
        <div class="layui-inline" style="margin-left: 700px;position: absolute">
            <span style="color: #a01924">已上传:&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="transfered" style="color: #108da0"></span>
        </div>

    </div>
</div>
<!-- 显示区 -->
<div id="loggingText" contenteditable="true"
     style="background-color: ghostwhite; overflow: auto;margin-left: 100px;margin-right: 100px;height: 500px;margin-top: 20px;width: 800px"></div>
</body>
</html>